<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		 		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body>
		<h1> 分组多选</h1>
<div id ="x1"  style="width: 400px"></div>
<div style="height:20px"></div>
<input /> 
<input /> 
	<h1> 不分组多选</h1>
<div id ="x2" style="width: 400px"></div>

	
   <script type="module">

	import  xSelect from './js/src/xSelect.js';
	import {select,select2} from './js/data/xSelect.js'	  
   
	new xSelect({el:"x1",data:select,placeholder:'xxx',mandatory:true});
	
	
	 new xSelect({el:"x2",data:select2,placeholder:'请选择行政区',mandatory:true});
	
	

	</script>
	
	
	</body>
</html>
